<!--
  Generated template for the CommentPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-buttons start>
      <button ion-button (click)="dismissCLI('')">
        <img src="assets/img/back.png" width='15' height='20'>
      </button>
    </ion-buttons>
    <ion-title>发表评论</ion-title>
    <ion-buttons right>
      <button ion-button (click)="commentOrderAPI()">
       <span style="color:#000">发布</span>
      </button>
    </ion-buttons>
  </ion-navbar>

</ion-header>


<ion-content padding>
  <div class="head">
    <div class="img"><img src="assets/img/renzheng.png" alt=""></div>
    <div (click)="obout(true,1)" *ngIf="oboaut==false?true:false" class="good"><img src="assets/img/Comment/weihaoping@2x.png" alt=""><span>好评</span></div>
    <div (click)="obout(false,1)" *ngIf="oboaut == true?true:false" class="good"><img src="assets/img/Comment/haoping@2x.png" alt=""><span>好评</span></div>
    <div (click)="obout(true,2)" *ngIf="oboaut1==false?true:false" class="good"><img src="assets/img/Comment/zhongping@2x.png" alt=""><span>一般</span></div>
    <div (click)="obout(false,2)" *ngIf="oboaut1 == true?true:false" class="good"><img src="assets/img/Comment/yizhongping@2x.png" alt=""><span>一般</span></div>
    <div (click)="obout(true,3)" *ngIf="oboaut2==false?true:false" class="good"><img src="assets/img/Comment/chaping@2x.png" alt=""><span>差评</span></div>
    <div (click)="obout(false,3)" *ngIf="oboaut2 == true?true:false" class="good"><img src="assets/img/Comment/yichaping@2x.png" alt=""><span>差评</span></div>
  </div>
  <div class="text">
    <ion-textarea rows="6" maxLength="250" [(ngModel)]="goods.remark_content" style="background: #fff;margin-top: 0px; " placeholder="服务态度 美甲效果你满意吗？说说你的想法，分享一下吧。"></ion-textarea>
  </div>
  <div class="issue">
    <div class="imgs" *ngFor='let img of imgUrl;let i=index'><img src='{{img}}' alt="" (click)="presentActionSheetCamr(i)">
      <!--<page-upload-pictures [max]="6" [(fileObjList)]="fileObjList"></page-upload-pictures>-->
      <div class="cancel" *ngIf='img!="assets/img/Comment/shangchuan@2x.png"' (click)='Remimg(i)'><img src="assets/img/Comment/guanbi@2x.png" alt=""></div>
      <!-- <div class="cancel" (click)='Remimg(i)'><img src="assets/img/Comment/guanbi@2x.png" alt=""></div> -->
    </div>
    <!-- <div class="imgs"><img src="assets/img/Comment/mjtp 200200.png" alt="">
      <div class="cancel"><img src="assets/img/Comment/guanbi@2x.png" alt=""></div>
    </div>
    <div class="imgs"><img src="assets/img/Comment/mjtp200200.png" alt="">
      <div class="cancel left2"><img src="assets/img/Comment/guanbi@2x.png" alt=""></div>
    </div> -->
  </div>
  <div class="Score">
    <div class="shop"><img src="assets/img/Comment/dianpu@2x.png" alt=""><span>店铺评分</span></div>
    <div class="star">
      <div class="star-div" >
        <span style="color: #7D7D7D;margin: 0px 20px 0px 0px;">专业技能</span>
        <div *ngFor="let scoreMap of score.starMap; let indx = index" (click)="chooseStar($event)">
          <img src="assets/img/Comment/xingxingpingfen@2x.png" *ngIf="score.star>=indx+1;" [attr.data-index]="indx+1">
          <img src="assets/img/Comment/xingxingwei@2x.png" *ngIf="score.star<indx+1;" [attr.data-index]="indx+1">
        </div>
        <span>{{score.starMap[score.star-1]}}</span>
      </div>
      <div class="star-div" >
        <span style="color: #7D7D7D;margin: 0px 20px 0px 0px;">服务态度</span>
        <div *ngFor="let scoreMap of score1.starMap; let indx = index" (click)="chooseStar1($event)">
          <img src="assets/img/Comment/xingxingpingfen@2x.png" *ngIf="score1.star>=indx+1;" [attr.data-index]="indx+1">
          <img src="assets/img/Comment/xingxingwei@2x.png" *ngIf="score1.star<indx+1;" [attr.data-index]="indx+1">
        </div>
        <span>{{score1.starMap[score1.star-1]}}</span>
      </div>
      <div class="star-div" >
        <span style="color: #7D7D7D;margin: 0px 20px 0px 0px;">店铺环境</span>
        <div *ngFor="let scoreMap of score2.starMap; let indx = index" (click)="chooseStar2($event)">
          <img src="assets/img/Comment/xingxingpingfen@2x.png" *ngIf="score2.star>=indx+1;" [attr.data-index]="indx+1">
          <img src="assets/img/Comment/xingxingwei@2x.png" *ngIf="score2.star<indx+1;" [attr.data-index]="indx+1">
        </div>
        <span>{{score2.starMap[score2.star-1]}}</span>
      </div>
    </div>
  </div>
</ion-content>
